.PopupWindow {
    .mask {
        position: fixed;
        z-index: 20;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .4);
    }

    .dialog {
        box-sizing: border-box;
        position: fixed;
        z-index: 30;
        width: 460px;
        height: 496px;
        padding: 0 30px;
        border-radius: 10px;
        background-color: rgb(255, 255, 255);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        .option {
            width: 100%;
            text-align: center;
            padding: 40px 0px;
        }

        .option span {
            color: rgba(0, 0, 0, .5);
            font-size: 20px;
            cursor: pointer;
            margin: 0 16px;
        }

        .option span:active{
            color: black;
        }

        .del {
            position: absolute;
            top: 0px;
            top: 0px;
            right: 20px;
            font-size: 40px;
            opacity: 0.5;
            cursor:pointer;
        }


    }
}

.Ndialog {
    box-sizing: border-box;
    position: fixed;
    z-index: 30;
    width: 460px;
    height: 496px;
    padding: 0 30px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.Ppersonal {
    box-sizing: border-box;
    position: fixed;
    z-index: 30;
    width: 460px;
    height: 496px;
    padding: 0 30px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.upAvatar{
    position: relative;
    left: 150px;
    width: 102px;
}